<template>
  <div class="list-con">
    <div class="credit-list-con" :class="{'widthBorder':isBorder}">
      <ul>
        <li  :class="{arrow:hasArrow}">
          <slot name="left"></slot>

          <slot name="right"></slot>


        </li>


      </ul>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HelloWorld',
  props:{
    hasArrow:{
      type:Boolean,
      default:false
    },

    values:{
      type:String
    },
    isBorder:{
      type:Boolean,
      default:false
    }
  },
  data () {
    return {
      msg: ''
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

   @import '../css/list.css';
   .widthBorder{
     border-bottom:#e5e5e5 1px solid;
   }

</style>
